.border{
    border: 1px solid black;
}
#app{
    width:100%;
    margin: 0 auto;
    padding: 0.5rem;

    .swiper-container{
        width: 3rem;
        height: 2rem;
        cursor: pointer;
        position: relative;
        margin: 0 auto;
        
        .img-wrap{
            width: 100%;
            height: 100%;
            .img{
                width: 100%;
                height: 100%;
            }
        }
    }
    
    .pagination{
        position: absolute;
        top: 174px;
        right: 5px;
      ul{
          overflow: hidden;
        
          li{
          float: left;
          background-color: #fff;
          width: .2rem;
          height: .2rem;
          text-align: center;
          line-height: .2rem;
          margin: .03rem;
          border-radius: 50%;
          &.active{
              background-color: gold;
              color: red;
           }
        }
      } 
    }
}


//媒体查询  min-width定义输出设备中的页面最小可见区域宽度。
@media all and (min-width:750px) {
    #app {
      width: 750px;
    }
  }